<template>
      <div class="home-head">
      <label>
        <span>
          <img src="../../../assets/images/图标(1).png" class="dizhi" />
        </span>
        <input type="text" placeholder="送至：北京八维研修学院" />
      </label>
      <span>
        <router-link tag='i' to="/search"><img src="../../../assets/images/图标.png" class="fangdajing" /></router-link> 
      </span>
    </div> 
</template>

<script>
export default {
    name:'HeaderBar'
}
</script>

<style lang="scss" scoped>
.home-head {
    @include wh(100%, 98px);
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-around;
    align-items: center;
    & > label {
      display: flex;
      & > input {
        width: 600px;
        border: 0;
        outline: 0;
      }
    }
    & .dizhi {
      @include wh(60px, 60px);
    }
    & .fangdajing {
      @include wh(60px, 60px);
    }
}
</style>